@import '../../style/color.sass'
@import '../../style/color_theme.sass'
@import '../../style/font_size.sass'
.first_login
    background: url('../../Image/large_bg.png') no-repeat center center
    background-size: 100% 100% !important
    #root
        width: 100%
        height: 100%
    
.first_login
    .login-form
        width: 400px !important
        .link-register
            color: #fff
            span
                cursor: pointer
                background: $color_ff69
                padding: 2px 6px
                border-radius: 3px
                margin-left: 4px
        .ant-form-item
            &:last-child
                margin-bottom: 0
        
        input
            color: $color_ffff !important
            
    .ant-form-explain
        font-size: $font_12
        line-height: 1 !important
        box-sizing: border-box
        padding-top: 4px
    .link-register
        margin: 0
    
    .user-input-default
        background: transparent !important    
        
        .user-label
            display: block
            width: 90px
            color: #fff
        input
            padding-left: 60px !important
            background: transparent !important
            color: #dfdfdf
            border: 1px solid #fd6969
            .ant-input-disabled
                &::hover
                    border: 1px solid #fd6969
            &::placeholder
                color: #fff
    .ant-input-affix-wrapper
        height: 38px
        &:hover 
            .ant-input:not(.ant-input-disabled)
                border-color: #fd6969
        
    .first-login-img
        input
            background: transparent !important
            color: #dfdfdf
            border: 1px solid #fd6969
            height: 38px
            &::placeholder
                color: #fff
    .login-submit
        width: 100%
        height: auto
        background: #fd6969 !important
        border-color: #fd6969 !important
        padding: 10px 0
        border-radius: 20px

    .qrcode-scan
                width: 100%
                padding: 5px 20px
                text-align: center
                .scan-img
                    height: 220px
                    img
                        height: 100%
    .ant-checkbox
        background: transparent
        margin-right: 8px
    
    .ant-checkbox-inner
        background-color: transparent !important
        border-color: #fd6969 !important
        &:hover
            border-color: #fd6969 !important
        
        &::after
            border-color: #fd6969 !important

    .ant-checkbox-checked
        border-color: #fd6969 !important
        &::after
            border-color: #fd6969 !important


    .ant-tabs-bar
        border-color: rgba(0, 0, 0, .1)
        margin-bottom: 20px !important
    .ant-tabs-nav-container
        .ant-tabs-nav
            width: 100% !important
        .ant-tabs-tab
            margin: 0
            width: 50%
            text-align: center
            font-size: 18px
            color: #fff
            &:hover
                color: #fff
        .ant-tabs-tab-active
            color: #D5101a
            &:hover
                color: #D5101a
        
    .ant-tabs-ink-bar
        background-color: #fd6969 !important



.login_register

    .register-button
        background: #fd6969 !important
        border-color: #fd6969 !important
        &:hover
            background: #fd6969 !important
            border-color: #fd6969 !important
        &:active
            background: #fd6969 !important
            border-color: #fd6969 !important
        &:focus
            background: #fd6969 !important
            border-color: #fd6969 !important
    .send-msg-button
        background: #fd6969 !important
    
    .register-step-submit
        background: #fd6969 !important
        border-color: #fd6969 !important
        &:hover
            background: #fd6969 !important
            border-color: #fd6969 !important
        &:active
            background: #fd6969 !important
            border-color: #fd6969 !important
        &:focus
            background: #fd6969 !important
            border-color: #fd6969 !important
    
    .register-reset
        border-color: #fd6969 !important
        color: #fd6969 !important
        background: #fff !important
        text-shadow: none !important

    .ant-input-affix-wrapper
        &:hover 
            .ant-input:not(.ant-input-disabled)
                border-color: #d9d9d9 !important

    .ant-input
        &:focus
            border-color: #d9d9d9 !important
input
    &::-webkit-autofill 
        background-color: rgba(255, 255, 255, 0) inset !important
    